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<HTML> 
<HEAD> 

<TITLE>IBM Cue Video Synchronized MultiMedia Browser</TITLE> 
<meta name="SOURCE" value="mM CueVideo"> 

<meta name="TITLE" value="IBM CueVideo Synchronized Media Browser"> 

<meta name="COPYRIGHT" value="Copyright (c) 2000 by IBM Corporatioa All Rights 

Reserved. "> 

</HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
PLAYER_SYNCHTIME = 10; 
NumOfHits= 2; 
CurntHit= 1; 

FVStartTimes = new Array(2); 
BaseNames = new Array(2); 
TitleNames = new Array(2); 
MatchsNames - new Array(2); 
ViewSuffix = new Array(5); 
myTimer = null; 
CumtPos=0; 
CurntRate=1.0; 
CurntSource=null; 
CurntOrigLength=0; 
CurntMode=l; 
can_play= false; 

RealRoot=Tit1p://cvideo.almadenibm.com:8080/rarngen/cuelearn/'; 
HttpRoo^^lttp://cvideo.almaden.ibm.corn/cuelearn/ , ; 



function InitVars() { 

ViewSuffix[0]=""; 

ViewSuffix[l]=""; 

ViewSuffix[2]="-msb"; 

ViewSuffjx[3]="-msb_0.666"; 

ViewSuffix[4]="-msb_l .25"; 

BaseNames[0]- coffee'; 

TitleNames[0]= , <U>coffee</U> [00:07:37] , ; 
MatchsNames[0]=' Matched words: 

<UxB>warm</BX/U>    Score:<U>l 00.00</U> •; 
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FVStartTimesfO] = 457000.0; 
BaseNamesf 1 J-coffee'; 

TitleNames[l]='<U>coffee</U> [00:05:43] '; 
MatchsNames[l]='Matched words: 

<U>warm</U>    Score:<U>69.44</U> '; 
FVStartTimes[l] = 343000.0; 

} 

function CheckPlugin() { 

var mimetype = 'audio/x-pn-realaudio-plugin'; 

if (navigator.appName = "Netscape") { 

if (navigator.rnimeTypes[mimetype] != null) { 

if (navigator.mimeTypes[mimetype].enabledPlugin != null) { 
can_play = true; 

} 
} 
} 

else 

{ 

if (documentembeds) can_j)lay=true; 

} 
} 

function PositionControlsO { 

CheckPlugin(); 

if (!can_play) 

{ 

alert(To use this web site please install the free RealPlayer 7 Basic plug-in."); 
window.location = Vthe_j)lugin_version_update_j)age.htmr; 

else 

{ 

InitVarsO; 

PositionTitle(); 

PositionViewsO; 

var foo=docxunent,Video.GetVersionInfoO; 
var foobar=parseFloat(foo); 
if(foobar<6){ 

alert(To use this web site please upgrade your plug-in to the free RealPlayer 7/); 
window.location = Vthe^lugin_version_updateJ)age.ht^ll , ; 



FIG. 7B 



VideoName = 

RealRoot+BaseNames[CumtHit-l]^ 

tMode]+'.smil'; 1 
PlayFullVideo(VideoName, FVStartTimes[CurntHit- 1 ]*CurntRate); 

} 

function RepositionControls() { 
PositionTitle(); 

PositionViewsO; 
VideoName = 

RealRoot+BaseNames[CtoHit-l]+:_coure^^ 
tMode]+'.smir; 

PlayFullVideo(VideoName > FVStartTimes[CumtHit-l]*CurntRate); 

function PositionTitleO { 
Title = "; 

Title += 'Query: <U>wa^m</U>     , ; 
Title += ' Result , +CurntHit.toStringO+ , / , +NumOfHits.toStringO+': '; 
Title += TitleNames[CurntHit-l]+ , <BR>'; 
Title += MatchsNames[CumtHit-l]; 
var output= 

'<table widtb="640" border="0" cellspacing="5" cellpadding="2 ,, >'+ 
'<tr> *+ 

'<tdximg src=7images/cvideo_banner.gif alt="ffiM CueVideo" border= ,, 0"x/td>'+ 
■</tr>'+ 

*<tr bgcolor="#2 1249C"> '+ 

•<td> <font color="#FFFFFF" face="Helvetica, HELV, 

sans-serif >'+Title+'</fontX/td>'+ 

*</tr>'+ 

'</table>'; 

if (documentall) 

document.all( , TitleArea , ).innerHTML = output; 
else if (documentlayers) { 
document.layers[TitleArea'].top=5; 
document.layers[TitleArea'].left=5; 
document.layers[TitleArea'].width=800; 
document.layers[TitleArea'].height=200; 
document.layers[TitleArea'].document.open(); 
dc<nunent.layers[TitleArea , ].document.writeln(output); 
document.layers[TitleArea , ].document.closeO; 
} 
} 
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function PositionViewsO { 
bn=BaseNames[CurntHit- 1 ] ; 

MSBName = RealRoot+bn+ , _course/video/ , +bn+ , -msb.smil'; 
FMSBName = RealRoot+bn+'_course/video/ , +bn+ , -msb_0.666.smir; 
SMSBName = RealRoot+bn+'_course/video/'+bn+ , -msb_1.25.smir; 
ANMName = RealRoot+bn+ , _course/video/'+bn+ , fixed.smil'; 
SB2DName = HnpRoot+bn+Lcourse/images/'+bn+'-sbOOOl.html*; 
VideoName=RealRoot+bn+ , _course/video/'+bn+'.smir; 

var output= '<BRxFORM METHOD=POST>'+ 

'<TABLE NOBORDER CELLSPACING=5 CELLPADDENG=5 WIDTH="640" >'+ 

'<TRxTD ALIGN=center>*+ 

'<INPUT TYPE="button" Value="Storyboard(SB)" 

onClick="location.href=\"+SB2DName+V"> , + 

'<INPUT TYPE="button" Value=" Moving SB " 

onClick='7umpToVideo(VMMSBName+ , V > 2, 1 .0)">'+ 

, <INPUTTYPE="button , 'Value=" Fast SB " 

onClick="JumpToVideo(\"+FMSBName+T,3,0.666)"> , + 

, <INPUTTYPE= n button"Value=" Slow SB " 

onClick=" JumpToVideo(\"+SMSBName+V,4, 1 .25)">'+ 

•<INPUTTYPE="button"Value=" FullVideo " 

onClick="JumpToVideo(\"+VideoName+V,l > 1.0)"> , ; 

output=output+'</TDX/TR>'; 

if(NumOfHits>l) 

{ 

output = output + 

' <TRxTD ALIGN=center>'+ 

' <FONT COLOR=WHITE> •+ 

CurntHittoStringO+' of '+NumOfHits.toStringO+ ' '+ 

'<INPUT TYPE="BUTTON" VALUE="Prev Result" onClick="ViewPrevO";>'+ 

•<INPUT TYPE="BUTTON" VALUE="Next Result" onClick=" ViewNextO";X^Dxmi>'; 

else 
{ 

output = output + 

' <TRXTD ALIGN=right>'+ 

' <FONT COLOR=BLACK> M-'A '+' </font>'+ 

'</TD></rR>'; 

} 
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output=output+'</table>'; 
if (documentall) 

documentallCViewsTable^innerHTML = output; 

else if (documentlayers) { 

document.layers[*ViewsTable'].top=350; 

documentlayers[ r ViewsTable , ].left=l 0; 

document.layers['ViewsTable , ].width=600; 

document.layers['ViewsTable'].height=200; 

document.layers[TiewsTable'].zIndex=40; 

document.layersf'ViewsTable'J.document.openO; 

document.layere[ViewsTablei.document.writeln(output); 

document.layers[ , ViewsTable'].document.close(); 

} 

} 

function PlayFullVideo(s,i) { 
if (s!=CurntSource) { 
if (CurntSource!=null) 
document. Video.DoStop(); 
document. Video. SetSource(s); 
CurntSource=s; 
} 

else if (CurntOrigLength>0) { 
ThisLength=document.Video.GetLength(); 
i^*ThisLength/CurntOrigLength; 

} 

CurntPos = i; 

if (document Video.GetPlayStateO 3) { 
document. Video. SetVolume( 1 00); 
document. Video.DoPlayO; 
if(CurntPos>1000) 

myTimei^setTimeoutC'WaitForFirstPlayO^PLAYER.SYNCHTIME);} 
else { 

if (CumtPos>0) { 

document Video.DoPauseO; 

document Video.SetPosition(CurntPos); 

document. Video.SetVolume( 1 00); 

document Video.DoPlayO; 

} 

} 

} 
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function WaitForFirstPlay 0 { 

clearTimeout(myTimer); 

if (document Video.GetPlayStateO != 3) 

myTimei=setTimeout(mitForFirstPlayO',PLAYER_SYNCHTIME); 
else 

{ 

document. Video.DoPause(); 
if(CurntMode==l) 

CurntOrigLength=document.Video.GetLengthO; 
document. Video.SetPosition(CurntPos); 

document. Video.DoPlayO; 

} 

} 

function WaitForPlay 0 { 

clearTimeout(myTimer); 

if (document. Video.GetPlayStateO 3) 

myTmiei=setTimeout( , WaitForPlayO',PLAYER_SYNCHTIME); 
else 

{ 

document. Video.DoPause(); 

theoffset = CumtPos*CurntRate; 

document. Video. SetPosition(theoffset); 

document. Video.DoPlayO; 

} 

} 

function JumpToVideo(newvideo,newMode,newRate) { 

CurntPos = document. Video.GetPositionO/CurntRate; 

document. Video.DoStop(); 

document. Video. SetSource(newvideo); 

CurntMode=newMode; 

CurntRate=newRate; 

document, Video.DoPlayO; 

if(CurntPos>1000) 

myTimer=setTimeout( , WaitForPlayO , ,PLAYER_SYNCHTIME); 
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function ViewNextO { 
if(CurntHit<NumOfHits) 
CurntHit=CurntHit+l; 
else 

CurntHit=l; 
//update StartSB time 
RepositionControls(); 
} 

function ViewPrev() { 
if(CurntHit>l) 
CumtHit=CurntHit-l; 
else 

CuratHit=NumOfHits; 
//update StartSB time 
RepositionControlsO; 

} 



</SCRIPT> 

<BODY TEXT="#000000" LINK="#3333FF" VLINK="#3366FF" ALINK="#FFFF00"> 
<BODY bgcolor="#000000" > 
<BODY onLoad=PositionControls() > 
<BR> 

<SPANID="TitleArea" 

STYLE= n top:5;left:5;height:200;width:800;position:absolute"></SPAN> 
<SPAN ID="ViewsTable" 

STYLE= ,, top:370;left:5;width:600;height:200;position:absolute"></SPAN> 
<BRXBRXBR><BRXBR><BR> 

<table bordei=0 cellpadding="0" cellspacing="0" bgcolor^OOOOOO" width="640" > 
<tr> 

<td align=center> 

<EMBEDNAME=VideoSRC="http://cvideo.a^ 
WIDTH=600 HEIGHT=200 

CONTROLS=ImageWindow CENTER=true CONSOLE=_masterxBR> 
</td> 

</tr> 

<tr> 

<td align=center> 

<EMBEDSRC= ,, http://cvideo.almadenjbmxom:8080/ramgen/cuelearrv r ?embed"WIDTH=40 
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HEIGHT=20 CONTROLS=PlayButton CONSOLE=_master> 

<EMBED SRC="http:/ 1 cvideo.almaden.ibm.com: 8080/ramgen/cuelearo/?embed" WIDTH=300 
HEIGHT=20 CONTROLS=PositionSlider C0NS0LE=_master> 

<EMBEDSRC="http://cvideo.almaden.ibm.(X)m:8080/ramgen/cuelearn/?embed ,, MDTH=100 

HEIGHT=20 CONTROLS=PositionField C0NS0LE=_master><BR> 

</td> 

</tr> 

</table> 

</B0DY> 

</HTML> 
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